<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	 <link href="css/bootstrap.min.css" rel="stylesheet">
	 <style type="text/css">
	 	.span12 {
			background-color: black;
			color: white;
			padding:20px 0px;
	 	}
	 	.span4 {
	 		background-color: orange;
	 		color: black;
	 		padding:20px 0px;
	 	}
	 </style>

</head>
<body>
	<!-- <div class="container-fluid"> -->
	<!-- 	<div class="row-fluid">
			<div class="span12">
				span8
				<div class="row">
					<div class="span4">
						span4
					</div>
					<div class="span4">
						span4
					</div>
				</div>
			</div>
		</div> -->
	<!-- 	</div> -->

	<!-- <table class="table table-striped">
		<thead>
			<tr>
				<th>First Name</th>
				<th>Last Name</th>
			</tr>
		</thead>
		<tbody>		
			<tr class="error">
				<td>Vijay</td>
				<td>Rajput</td>
			</tr>
			<tr>
				<td>Tridib</td>
				<td>Bolar</td>
			</tr>
			<tr>
				<td>Vijay</td>
				<td>Rajput</td>
			</tr>
		</tbody>
	</table> -->
	<form name="frm">
		<div class="form-group has-error">
			<label class="control-label">First Name</label>
			<input type="text" id="fName" class="form-control">
		</div>		
		<label>Last Name</label>
		<input type="text" id="lName">
		<input type="submit" id="save" value="Save" class="btn">
	</form>

	<form id="frm1" class="form-search">
		<input type="text" id="searchQuery" class="input-medium search-query">
		<input type="submit" class="btn" id="searchForm" value="Search">
	</form>

	<div class="bs-example">
	      <form role="form">
	        <div class="form-group has-success">
	          <label for="inputSuccess" class="control-label">Input with success</label>
	          <input type="text" id="inputSuccess" class="form-control">
	        </div>
	        <div class="form-group has-warning">
	          <label for="inputWarning" class="control-label">Input with warning</label>
	          <input type="text" id="inputWarning" class="form-control">
	        </div>
	        <div class="form-group has-error">
	          <label for="inputError" class="control-label">Input with error</label>
	          <input type="text" id="inputError" class="form-control">
	        </div>
	      </form>
	</div>

	<form id="myfrm">
		<div class="input-append">
			<span class="add-on">First Name</span>
			<input  type="text" class="span8">
		</div>
	</form>
	<button class="btn btn-danger">Error</button>


	<div class="center-block">

		Not for use in navbars

		To align components in navbars with utility classes, use .navbar-left or .navbar-right instead. See the navbar docs for details.

	</div>

	<form class="form-search">
		<div class="input-append">
		<input type="text" class="search-query">
		<button type="submit" class="btn">Search</button>
		</div>
	</form>
	<div class="controls controls-row">
	
	<input type="text" class="span6">
	<input type="text" class="span1">
	<input type="text" class="span5">
	
	
	</div>

	<div class="control-group warning">


</div>
<div class="control-group error">
<label class="control-label" for="inputError">Input with error</label>
<div class="controls">
<input type="text" id="inputError">

<span class="help-inline">Please correct the error</span>
</div>
</div>
<div class="control-group success">
<label class="control-label" for="inputSuccess">Input with success</label>
<div class="controls">
<input type="text" id="inputSuccess">
<span class="help-inline">Woohoo!</span>
</div>
</div>
 	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>